<meta charset="utf-8" />
<!--
/*
 * 2012.2.21 UI개발팀 silion@sk.com
 */
-->

<p>
<strong>실행 예</strong><br />
--------------------------------------------------------------<br />
<ul>
<li>
	1. window.open(test.html) 함수를 통해 Popup을 연다.	// width, height 는 최대한 팝업 사이즈에 맞추는 것이 좋음.
</li>
<li>
	2. test.html 안에 popup.js 파일을 <script type="text/javascript" src="popup.js"></script> 태그를 이용하여 삽입.
</li>
<li>
	3. window.onload 이벤트에 resize()함수를 등록함.

	<p>
		<i>ex)</i>
<xmp>
	<script type="text/javascript">
		window.onload = function() {
			reseize(containerID, defaultWidth, defaultHeight);
		}

		or 

		window.addEvent = function() {
			reseize(containerID, defaultWidth, defaultHeight);
		}
	</script>
</xmp>
	</p>
	
	<p>
		- resize 의 파라미터는 resize(<i>containerID(string), defaultWidth(number), defaultHeight(number)</i>)가 설정이 가능하다.<br />
		- resize 함수에는 resize('wraperID')와 같이 html상의 id값을 String 타입으로 넣어줄 수도 있고,<br />
		  resize($('#wraperID')) 와 같이 Object로 얻어온 파라미터를 넣어 줄 수도 있음
	</p>
</li>
<li>
	4. 브라우저 버전에 맞춰 적정크기로 리사이징됨.
</li>
</ul>


<strong>팝업 구동 예시 페이지</strong><br />
--------------------------------------------------------------<br />
<a href="popupresize.html">popupresize.html</a>
<br />
</p>


<p>
<strong>제한, 참고사항</strong><br />
--------------------------------------------------------------<br />
<ul>
<li>
	1. 전체 컨텐츠를 감싼 가장 외부의 wraper HTML element에는 <strong>반드시</strong> 넓이가 지정되어야만 한다.(style or inline css)
	<p>
		<i>ex)</i>
<xmp>
	<html>
		<head></head>
		<body>
			<div id='wraper'>
				<div class="">
					....
				</div>
			</div>
		</body>
	</html>
</xmp>
		<strong>id가 wraper인 div에는 style 내부 또는 inline으로 css style을 지정</strong>
	</p>
</li>
<li>
	2. window.onload 이벤트에 등록되어 실행되므로, ajax등으로 popup사이즈가 변경 될 경우,<br />
	   resize('wraperID')를 다시 한번 실행해주어야 한다.
</li>
<li>
	3. IE를 제외한 모든 브라우저는 resize, 주소창, 상태바등을 disable(브라우저 스펙상 불가능 함) 할 수 없음으로,<br />
	   IE이외의 브라우저에서는 resize등이 가능하게 됨.
</li>
<li>
	4. 팝업창이 줄어들거나, 늘려주는 방식으로 구현되어, 초기 popup open시 팝업창의 사이즈를 너무 크게 지정했을 경우 팝업창의 사이즈가 변경되는 과정이 보일 수 있음.
</li>
</ul>
</p>


<p>
<strong>구현 상세</strong><br />
--------------------------------------------------------------<br />

popup.js 파일 인클루드시 UIHelp 객체가 생성됨.<br />

<strong>실제적인 실행은 resize(options) 함수를 통해 실행</strong>

리사이즈의 실제 구현은 UIHelp 객체안의 popupResize 메서드에서 실행됨<br />

<strong>UIHelp 객체</strong>
<xmp>
UIHelp = {
	init : function() {},				//	UIHelp 객체 초기화

	getBrowser : function() {
							//	Mac(Snow leopard), Firefox 11의 리턴값은 다음과 같다.
							//	return tempObj = {
							//		name : "Firefox",
							//		osName : "mac",
							//		version : "11.0",
							//		mac : true,
							//		firefox : true
							//	}
	},

	popupResize : function() {}			//	popup resize function
}
</xmp>

<strong>UIHelp.init 메서드는 초기화를 위해 반드시 실행되어야 한다.</strong>

</p>